<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {% load static %}
    <script src="{% static 'jQuery-3.5.1.js' %}"></script>
    <link rel="stylesheet" href="{% static 'bootstrap-3.4.1-dist/css/bootstrap.min.css' %}">
    <script src="{% static 'bootstrap-3.4.1-dist/js/bootstrap.min.js' %}"></script>
    <script src="/static/js/csrf.js"></script>

    <style>

    </style>

</head>
<body>
<span ></span>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <div class="text-center">
                <div class="jumbotron">
                    <h3>抱歉,该文件暂不支持在线预览.</h3>
                    <p>如有其他问题,请联系 <span class="glyphicon glyphicon-envelope"></span> xxxx@qq.com</p>
                    <p>或联系 <span class="glyphicon glyphicon-phone-alt"></span> 132xxxx3466</p>
                    <br>
                    <br>
                    <p><a href="#">您可以先下载到本地</a></p>
                </div>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="text-center">
                <a class="btn btn-primary btn-sm btn-block"
                   href="/app01/download/file?path=/media/user_file/{ file.filename }&name={file.filename}">下载该文件</a>
                <a class="btn btn-primary btn-sm btn-block" href="/app01/backend/">返回界面</a>
            </div>
        </div>
    </div>

</div>


</body>
</html>